<template>
  <el-dialog
    width="760px"
    title="批量设置业务权限"
    :visible.sync="currentVisible"
  >
    <Display :multiple-selection="multipleSelection" tips="，请为其调整部门">
      <div class="flex space-x-3">
        <div>选择权限</div>
        <div>
          <!-- <el-checkbox-group>
            <el-checkbox></el-checkbox>
          </el-checkbox-group> -->
          <el-radio-group class="flex flex-col space-y-1">
            <el-radio
              v-for="role in roles"
              :key="role.id"
              :label="role.id"
              class="py-1"
              >{{ role.name }}</el-radio
            >
          </el-radio-group>
          <a>+新建角色</a>
        </div>
      </div>
      <div class="text-center mt-8">
        <el-button @click="currentVisible = false">取消</el-button>
        <el-button type="primary">确定</el-button>
      </div>
    </Display>
  </el-dialog>
</template>

<script lang="ts">
import Vue from 'vue'
import { mapGetters } from 'vuex'
import BatchDialogMixin from './BatchDialogMixin'
import Display from './Display.vue'
export default Vue.extend({
  components: {
    Display,
  },
  // @ts-ignore
  mixins: [BatchDialogMixin],
  computed: {
    ...mapGetters('system', ['roles']),
  },
})
</script>
<style></style>
